Page({
    data: {
        datalist:[],
        word:"萌宠",
        start: 0
    },
    // 输入框输入监听的函数
    searchValue: function(e){
      //   console.log(e.detail.value)
        const word = e.detail.value
        // 判断用户输入是否为空
        if(!word) {
          //   console.log('空的')
            return
        }
        // 修改数据
        this.setData({
            word: e.detail.value
        })
    },
  
    onLoad(options) {
        // title设置
        wx.setNavigationBarTitle({
          title: '首页',
        })
        const start = this.data.start
        // 调用渲染页面数据的方法
        this.getdata(start)
    },
  
      // 点击搜索方法
      search:function(){
          // 先清空原本的数据
          this.setData({
              datalist: [],
              start:0
          })
          const start = this.data.start
          this.getdata(start)
      },  
  
  //   渲染数据的方法
    getdata:function(start) {
        // 拿到原数组
        const datalist = this.data.datalist
        //取到词条
        const word = this.data.word
        const that = this
        wx.request({
          url:"https://api.zhuti.xiaomi.com/app/v9/uipages/search/tag?tag="+word+"&cardStart="+start+"&cardCount=20&devicePixel=480&type=WALLPAPER&region=cn",  
          header: {
              "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
          },
          success: (result) => {
            //   console.log(result.data.apiData.cards[0].products)
            //   console.log(datalist.concat(result.data.apiData.cards[0].products))
              that.setData({
                  datalist: datalist.concat(result.data.apiData.cards[0].products),
              })
          },
        })
    },
    // 页面上拉触底事件的处理函数
    onReachBottom: function() {
      wx.showLoading({
        title: '图片加载中',
      })
      //   console.log('下拉了')
      // 拿到原数组的基础下，在其基础上进行新数组的合并，重新渲染页面
      let start = this.data.start
      start = start + 1
      this.getdata(start)
      // console.log(this.data.datalist)
      this.setData({
          start:start
      })
      //图片缓加载
      setTimeout(function(){
          wx.hideLoading()
      },2000)
    },

    // 点击进行详情页跳转
    imgshow: function(e) {
        // 拿到当前图片的数据并且整理数据'
        console.log(e.currentTarget.dataset.index)
        const index = e.currentTarget.dataset.index
        const datalist = this.data.datalist
        console.log(datalist[index].imageUrl)
        // 整理数据
        const dataobj = {
            url: datalist[index].imageUrl,
            title: datalist[index].name
        }
        



        // 跳转页面
        wx.navigateTo({
          url: '../detail/detail',
          success: (result) => {
              result.eventChannel.emit('acceptDataFromOpenerPage',{ data: dataobj})
          },

        })
    }
  })
  